

<HTML>
<HEAD>
<TITLE>Thirteenth Test of Section 9.3 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">



#id1 {left: 2px; position: absolute}
#id2 {left: 50%; position: absolute}
#id3 {left: auto; position: absolute}
#id4 {left: inherit; position: absolute}


</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Thirteenth Testable Statement of Sec 9.3 of CSS2 Specification
</h1>
<hr>


<ul>
<li  >
13. The 'left' property has possible values of 'length', 'percentage', 'auto'
and 'inherit'.
</ul>




<h2 >
PASS CRITERIA(should be overlapping and other lines):
</h2>
<p >
If statement #13 above is passed, then
<hr>
<pre>
The rules applied are:
#id1 {left: 2px; position: absolute}
#id2 {left: 50%; position: absolute}
#id3 {left: auto; position: absolute}
#id4 {left: inherit; position: absolute}
</pre>
<hr>



<p id=id1>This paragraph has position absolute, and left of 2px.
<p id=id2>This paragraph has position absolute, and left of 50%.
<p id=id3>This paragraph has position absolute, and left of auto.
<p id=id4>This paragraph has position absolute, and left of inherit.
<p>
All other properties of this page should be UA-default.
<!--
Your browser rendering of this page should look similar to this <a href="c83201.gif"> 
reference image </a> or to this <a href="d83201.gif">reference image</a>.
-->


</BODY>
</HTML>

